body {
	width: 100%;
	height: auto;
	margin: 0;
	
}

.nav1 {
	width: 100%;
	height: 100px;
	background: blue;
}

#nav2 {
	width: 100%;
	height: 100px;
	background: black;
}

#content1 {
	width: 100%;
	height: 400px;
	/* background: aqua; */
}

#content1_left {
	width: 30%;
	height: 100%;
	background: darkgoldenrod;
	float: left;
}

#content1_right {
	width: 70%;
	height: 100%;
	background: #0000FF;
	float: right;
}

#content2 {
	width: 100%;
	height: 25rem;
	background: red;
}

#content2-1 {
	width: 25%;
	height: 100%;
	background-color: aqua;
	float: left;

}

#content2-2 {
	width: 25%;
	height: 100%;
	background-color: oldlace;
	float: left;

}

#content2-3 {
	width: 25%;
	height: 100%;
	background-color: palevioletred;
	float: left;

}

#content2-4 {
	width: 25%;
	height: 100%;
	background-color: darkblue;
	float: right;

}

#content3 {
	width: 100%;
	height: 300px;
	background-color: #FF0000;
}

#content3 {
	width: 100%;
	height: 300px;
	background-color: #FF0000;
}

#content4 {
	width: 100%;
	height: 600px;
	/* background: #B8860B; */
}

#content4_left {
	width: 30%;
	height: 100%;
	background: cadetblue;
	float: left;
}

#content4_right {
	width: 70%;
	height: 100%;
	float: left;
	/* background: #A52A2A; */
}

#content4_right div {
	width: 22%;
	height: 46%;
	float: left;
	border: 1px solid black;
	margin: 1% 1% 1% 1.5%;
}

#content5 {
	width: 100%;
	height: 200px;
	background: gray;
}

#content6 {
	width: 100%;
	height: 200px;
	background: #000000;

}
